<!-- 商家故事组件 -->
<template>
  <view class="no-data-section">
    <view class="no-data">
      <image
        src="https://chidian.chixiaodian.com/web/uploads/images/store_1/2021-12-28/3a2e1913fc9c6f94ab9bd0fe3498b439425a2873.png"
        mode=""
      />
      <text>附近暂无营业中的餐厅，您可手动选择</text>
      <view class="no-data-btn" @click="gotoSelectMd">选择门店</view>
    </view>
  </view>
</template>

<script>
export default {
  props: {},
  data() {
    return {
      shop: {},
    };
  },
  created() {},
  computed: {},
  methods: {
    gotoSelectMd() {
      this.$utils.toUrl(
        "/pages/md/md-list?url=/alipay-order/orderMeal/orderMeal"
      );
    },
  },
};
</script>

<style lang="less" scoped>
.no-data-section {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1002;
  background: #ffffff;
  .no-data {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 13vh;
    image {
      width: 240rpx;
      height: 180rpx;
      display: block;
      margin-bottom: 40rpx;
    }
    text {
      font-size: 28rpx;
      font-family: PingFang SC;
      font-weight: 400;
      color: #8c8c8c;
    }
    .no-data-btn {
      width: 370rpx;
      height: 80rpx;
      background: #f0250e;
      border-radius: 40rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32rpx;
      font-family: PingFang SC;
      font-weight: 600;
      color: #ffffff;
      margin-top: 40rpx;
    }
  }
}
</style>
